<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>需求详情（发布者）</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Bootstrap -->
    <link href="static/css/pc/minCss/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css" />

    <!--[if lt IE 9]>
    <script src="static/js/pc/dest/html5shiv.min.js"></script>
    <script src="static/js/pc/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="header" style="height: 78px;"></div>
<div id="demdet">
    <div class="container">
        <div data-demdet="section" role="tabpanel">
            <div data-demdet="sectionheader">
                <p class="demdet-share" data-toggle="modal" data-target="#myModal"><a href="javascript:;">分享</a></p>
                <div class="clear"></div>
                <h1>需求名称需求名称</h1>
                <ul data-demdet="sectiononeul">
                    <li>
                        <ul>
                            <li data-demdet="address"><b></b>北京</li>
                            <!--<li data-demdet="eye"><b></b>111</li>-->
                        </ul>
                    </li>
                    <li>
                        <!--  需求评论切换  -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li data-demdet="demand" role="presentation" class="active">
                                <a href="#demdet_demand" aria-controls="demdet_demand" role="tab"
                                   data-toggle="tab"><b></b>需求</a>
                            </li>
                            <li data-demdet="comment" role="presentation">
                                <a href="#demdet_comment" aria-controls="demdet_comment" role="tab"
                                   data-toggle="tab"><b></b>评论（<span>10</span>条）</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div data-demdet="sectionbody" class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="demdet_demand">
                    <table>
                        <thead>
                        <tr>
                            <td><h1>征集作品</h1></td>
                            <td id="demdet_closedemand"><a href="#">关闭需求</a></td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>需求名称：</td>
                            <td>需求名称需求名称需求名称需求名称</td>
                        </tr>
                        <tr>
                            <td>作品类型：</td>
                            <td>剧本</td>
                        </tr>
                        <tr>
                            <td>需求描述：</td>
                            <td>需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明需求详细说明
                            </td>
                        </tr>
                        <tr>
                            <td>酬劳：</td>
                            <td><span>1000</span>元</td>
                        </tr>
                        <tr>
                            <td>倒计时：</td>
                            <td>10天19小时</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td data-demdet="number">10人投稿</td>
                        </tr>
                        </tbody>
                    </table>
                    <!-- 发布者 -->
                    <div data-demdet="publisher">
                        <!--  头像  -->
                        <div>
                            <ul data-demdet="headimg">
                                <li><a href="#"><img src="static/images/pc/demand/s1.jpg" alt="" /></a></li>
                                <li><a href="#"><img src="static/images/pc/demand/1.jpg" alt="" /></a></li>
                                <li><a href="#"><img src="static/images/pc/demand/2.jpg" alt="" /></a></li>
                                <li><a href="#"><img src="static/images/pc/demand/1.jpg" alt="" /></a></li>
                                <li><a href="#"><img src="static/images/pc/demand/2.jpg" alt="" /></a></li>
                            </ul>
                        </div>
                        <!--  选人  -->
                        <div data-demdet="btn" data-demdetpub="person" style="display: none">
                            <button data-btn="orbgbtn">选人</button>
                            <button data-btn="grbgbtn">已选人</button>
                        </div>
                        <!--  选稿   -->
                        <div data-demdet="btn" data-demdetpub="works">
                            <button data-btn="orbgbtn">选稿</button>
                            <button data-btn="grbgbtn">已选稿</button>
                        </div>
                    </div>

                </div>
                <!--  评论  -->
                <div role="tabpanel" class="tab-pane " id="demdet_comment">
                    <!--  评论  -->
                    <div id="comments"></div>
                    <!--  分页  -->
                    <div id="page"></div>
                </div>
            </div>
        </div>
        <!--  右侧边栏  -->
        <div data-demdet="aside">
            <div data-demdet="aside-header">
                需求发布者
            </div>
            <div data-demdet="aside-body">
                <div>
                    <img src="static/images/pc/demand/1.jpg" alt="" />
                    <h2>用户名</h2>
                </div>
                <p>自我介绍自我介绍自我介绍自我介绍自我介绍自我介绍介绍</p>
            </div>
            <div data-demdet="aside-footer">
                <p>需求概述</p>
                <table>
                    <tr>
                        <td>报名人数：</td>
                        <td>10人</td>
                    </tr>
                    <tr>
                        <td>保证金：</td>
                        <td>未付</td>
                    </tr>
                    <tr>
                        <td>酬金：</td>
                        <td><span>1000</span>元</td>
                    </tr>
                    <tr>
                        <td>发布时间：</td>
                        <td>2016/05/01</td>
                    </tr>
                    <tr>
                        <td>结束时间：</td>
                        <td>2016/12/01</td>
                    </tr>
                    <tr data-demdet="asidedate">
                        <td colspan="2">[还剩100天]</td>
                    </tr>

                </table>
            </div>

        </div>
    </div>
</div>


<!--  删除评论弹出框  -->
<div data-demdet="isdelanswer" id="demdet_isdelanswer">
    <h2><b></b>确认要删除该评论吗</h2>
    <div data-demdet="centerbtn">
        <button value="true" type="button" data-btn="orbgbtn">确认</button>
        <button value="false" type="button" data-btn="tranbgbtn">取消</button>
    </div>
    <i></i>
</div>




<!-- 分享（Modal） -->
<div class="modal fade" id="myModal"  aria-hidden="true">
    <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
    <div class="zcbl-modal-share">
        <h2 class="zcbl-modal-shareTit">分享</h2>
        <p class="zcbl-modal-shareDesc">让更多的人了解你，让更多的人帮助你</p>
        <div class="zcbl-modal-shareImg">
            <ul>
                <li class="zcbl-modal-shareSina">
                    <a href=""></a>
                </li>
                <li class="zcbl-modal-shareWx">
                    <div class="zcbl-modal-shareWxMin">
                        <a href="javascript:;"></a>
                    </div>
                    <div class="zcbl-modal-shareWxMax"><img src="./static/images/pc/index/QR_CODE.jpg" height="115" width="115" alt=""></div>

                </li>
                <li class="zcbl-modal-shareQQ">
                    <a href=""></a>
                </li>
            </ul>
            <div class=""></div>
        </div>
    </div>
</div>
<!-- 分享（Modal） -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/pc/dest/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/js/pc/dest/bootstrap.min.js"></script>
<script src="static/js/pc/dest/all.min.js"></script>
<script>
    $(".zcbl-modal-shareWx").click(function(){
        if($(".zcbl-modal-shareWxMax").css('display') == 'none'){
            $(".zcbl-modal-shareWxMin").hide();
            $(".zcbl-modal-shareSina a").hide();
            $(".zcbl-modal-shareQQ a").hide();
            $(".zcbl-modal-shareWxMax").show();
        }else{
            $(".zcbl-modal-shareWxMin").show();
            $(".zcbl-modal-shareSina a").show();
            $(".zcbl-modal-shareQQ a").show();
            $(".zcbl-modal-shareWxMax").hide();
        }

    });
</script>
</body>
</html>